﻿*{margin:0px;padding:0px;}
#tmain{
	background:url(../images/bg-pattern.jpg);
        
	/*width:1000px;
	margin-left:auto;
	margin-right:auto;}*/
	min-height: 1318px;}
/*----------------------------------head--------------------------*/
#head{
	height:100px;
	}
#head-left{height:100px;width:200px; float:left;}
#head-content{height:100px;width:280px; float:left;
background:url(../images/logo_vietnambooking.png) no-repeat;}
	/*----------------------------------menu--------------------------*/
#head_link{
	height:50px;
	background:url(../images/bg-navigation.png);}
	.clear{clear:both;}
li{list-style:none;}
a{text-decoration:none;color:white;font-size:16px;}
.wrap{hight:100px;width:1000px;margin:0px auto;}
.main-menu{height:50px;
background-color:#00A69B;
margin:30px;margin-right: 70px;
margin-left: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 margin-right:-15px;border:1px solid white;}
.main-menu>ul{padding-top:10px;}
.main-menu>ul>li{float:left;padding: 5px 30px;position:relative; border-right: 1px solid white;} 
.main-menu ul li ul{ display: none;position:absolute;background:#00A69B;top:30px;left:0px;width: 300px;}
.main-menu>ul>li>ul>li>a{padding-left:100px; padding-right:50px;}

.main-menu>ul>li:hover ul{display:block;}
.main-menu ul li ul li{padding:5px;display:list-item; border-bottom:1px solid white;}
.main-menu ul li:hover{background:url(../image/bg-pattern.jpg);border-width:5px;border:inset; transition:all 0.70s;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
 /* <!-- ---------------------------------Search------------------------ --> */
#search{
	float:left;
	width:100px;
	background:url(../images/searchbar.png);}
   
/*------------------------------eadmenu_______________________*/
#left{
	height:500px;
	width:200px;
	float:left;
	}	
#right{
	height:500px;
	width:176px;
	float:right;
	}
	/*-------------------------content---------------------------------------------*/
	#content-left{width:490px;
	float:left;height:300px;background-color:#0C3;}
	#content-right{width:480px;
	float:left;height:300px;background-color:#C3C;}
#content{
	height:750px;
	width:970px;
	float:left;
	margin-top:auto;
        border-color: #C3C;
	}
        
	#left-form{
		background-color:#BDBDBD;
		height:300px;}
#content-boder{
	width:971px;
	height:301px;
	border: 1px solid white;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}


#box1
{
    width: 852px;
    text-align: center;
}
#contents {
	display: inline-block;
	width: 865px;
	padding: 0 47px;
}
#contents h1 {
	color: #316e66;
	font: 26px/30px "Times New Roman", Times, serif;
	margin: 18px 0 20px;
	padding-left: 2px;
	text-transform: uppercase;
}
#contents div.body h1, #contents h2 {
	color: #316e66;
	font: 30px/30px "Times New Roman", Times, serif;
	margin: 0 0 18px;
	text-transform: uppercase;
}
#contents h2 {
	font-size: 22px;
	margin: 0 0 30px;
}
#contents h2 a {
	color: #2c9688;
	text-decoration: none;
}
#contents p {
	color: #5a4535;
	font-size: 15px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 24px 2px;
}
#contents p a {
	color: #5a4535;
}
#contents p a:hover, #news div.sidebar ul li a:hover {
	color: #917157;
}
/** box-shadow **/
#contents div.box {
	background-position: left bottom;
	margin-bottom: 20px;
	margin-left: 1px;
	padding: 0 0 6px;
}
#contents div.box > div {
	background-position: -1745px top;
	padding: 6px 0 0;
}
#contents div.body {
	background-position: -871px top;
	background-repeat: repeat-y;
	min-height: 980px;
	padding: 30px 40px 0;
}











/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {border-left: 15px solid lightblue;}
}

/* Standard syntax */
@keyframes mymove {
    50% {border-left: 15px solid lightblue;}
}
	#hero
{
	/*width:960px;
	height:500px;*/
	width:600px;
	height:500px;
	display: block;
	position: relative;
	margin:auto;
}
#slider
{
	/* width:960px; */
	/* height:500px; */
	width:480px;
	height:300px;
	display: block;
	position: absolute;
	overflow:hidden;
}
.infor
{
	/* width:960px; */
	/* height:80px; */
	width:580px;
	height:60px;
	display:block;
	position: relative;
	bottom: 100px;
	background: rgba(102,240,0,.5);
	z-index:99;
}
.infor h2
{
	
	font-family:"Times New Roman", Times, serif;
	font-size: 20px;
	font-weight:bold;
	color:#FFF;
	padding: 15px 00 20px;
	
	}
	
.infor p
{
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family : titleonafterprint;
	font-size: 15px;
	font-weight:lighter;
	color:#FFF;
	padding: 0 0 0 20px;
	line-height:1px;
	border:thin;
	
	
	
	}
	#play
	{
		width: 40px;
		height:40px;
		line-height:40px;
		text-align:center;
		display:block;
		position: absolute;
		background:rgba(102,240,0,.2);
		top:0;
		right: 48px;
		color:#FFF;
		cursor:pointer;
		z-index:999;
		transform:translate(90deg);
		-webkit-transform:rotate(90deg);
	}
	#pager
	{
		width: 100px;
		text-align:center;
		position:absolute;
		cursor:pointer;
		z-index: 999;
		}
		#pager a{
			font-size: .0em;
			
			width: 10px;
			height: 10px;
			display: inline-block;
			position: relative;
			border: 1px solid #FFF;
			border-radius: 20px;
			background:#FFF;
			}
			
		#pager a.activeSlide 
		{
			background: #FFF;
			}
#rooms, #foods, #sites {
	list-style: none;
	margin: 0;
	padding: 0;
        height: 750 px;
        clear: both;
}
#rooms li, #foods li, #sites li {
	display: inline-block;
	width: 784px;
	border-top: 1px solid #b7b7b7;
	padding: 30px 0;
	position: relative;
        float: left;
}
	
/*-------------------------main---------------------------------------------*/
#main {
	margin-top:50px;
	float: left;
	min-height: 100px;
	width: 970px;
}
#main div.box {
	background-position: left bottom;
	margin-bottom: 12px;
	padding: 0 0 6px;
	background-color:#FFF;
}
#main div.box > div {
	background-position: -1145px top;
	padding: 6px 0 0;
}
#main div.box > div > div {
	background-position: -572px top;
	background-repeat: repeat-y;
	padding: 17px;
}
#main div.box h3 {
	color: #316e66;
	font-weight: normal;
	letter-spacing: 1px;
	border-bottom: 1px dotted #9c8964;
	margin: 0;
	padding: 0 0 12px;
	text-transform: uppercase;
}
#main div.box h4 {
	font: 22px/24px "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 6px 0 0;
}
#main div.box h4 a {
	color: #5a4535;
	text-decoration: none;
}
#main div.box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main div.box ul li {
	border-bottom: 1px dotted #9c8964;
}
#main div.box ul li span {
	color: #5a4535;
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
}
#main div.box ul li p {
	line-height: 24px;
	padding: 0 0 3px;
}
/*------------------------------ FOOTER ------------------------------*/

#footer {
	color: #594334;
	font-size: 14px;
	clear:both;
	line-height: 48px;
	margin:30px;margin-right: 70px;
margin-left: 25px;
	padding-top: 42px;
	text-transform: uppercase;
}
#footer > div {
	background-color: #ac9e94;
	height: 48px;
	width: 822px;
	border-bottom: 1px solid #72675f;
	border-top: 1px solid #cdbeb2;
	
	margin: 0 auto;
	padding: 0 20px;
	text-align: right;
}
#footer ul.navigation {
	float: left;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul.navigation li {
	float: left;
	margin-right: 10px;
	
}
#footer ul.navigation li a {
	color: #594334;
	padding: 0 5px;
	text-decoration: none;
	padding-right:20px;
}
#footer ul.navigation li:first-child a {
	border-left: 0;
	padding-left: 0;
}
#footer ul.navigation li a:hover {
	color: #eee7c3;
}
#footer ul.navigation li.active a {
	color: #fff;
}
#footer p {
	margin: 0;
	text-align: center;
	text-transform: none;
}
#connect {
	float: right;
	display: inline-block;
	line-height: 26px;
	margin: 12px 0 0;
}
#connect a {
	background:url(../images/icons.png) no-repeat;
	display: inline-block;
	height: 23px;
	width: 23px;
	margin-left: 10px;
}
#connect a.pinterest {
	background-position: 0 -33px;
}
#connect a.facebook {
	background-position: 0 -98px;
}
#connect a.twitter {
	background-position: 0 -164px;
	width: 28px;
}
#connect a.googleplus {
	background-position: 0 -230px;
}
#connect a.pinterest:hover {
	background-position: 0 0;
}
#connect a.facebook:hover {
	background-position: 0 -65px;
}
#connect a.twitter:hover {
	background-position: 0 -131px;
}
#connect a.googleplus:hover {
	background-position: 0 -197px;
}